<template>
    <div class="mumu-bottom">
        <a :href="rules_route">
            <div class="foot-border rules">
                献爱心规则
                <i class="icon ion-ios-arrow-right"></i>
            </div>
        </a>

        <a class="records-href" :href="recode_route">
            <div class="records foot-border">
                爱心记录

                <i class="icon ion-ios-arrow-right"></i>
                <span class="records-num">
                    已领取{{total_stars}}次奖励
                </span>
            </div>
        </a>
    </div>
</template>

<script>
    export default {

        props:['total_stars'],

        data(){
            return {
                rules_route:'/mumu/get_start_rules',
                recode_route:'/mumu/get_wxcard_list'
            }
        },
    }
</script>

<style scoped>
    .mumu-bottom{
        padding-bottom: 40px;
    }
</style>